<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>回购</title>
		<link rel="stylesheet" type="text/css" href="../css/api.css" />
		<link rel="stylesheet" type="text/css" href="../css/sm.min.css">
		<link rel="stylesheet" href="../css/sm-extend.min.css">
		<script type='text/javascript' src='../script/jquery.js' charset='utf-8'></script>
		<script type='text/javascript' src='../script/zepto.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='../script/sm.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='../script/sm-extend.min.js' charset='utf-8'></script>
 		<link rel="stylesheet" type="text/css" href="../css/iconfont.css"> 
		<link rel="stylesheet" type="text/css" href="../css/zicon/iconfont.css">
		<style>
			body{font-family:"微软雅黑"}
			*{font-weight:normal;}
			.cl{clear:both;}
			dl,dt,dd{margin:0;padding:0;}
			.bar{background-color:#FFFFFF;position:relative;}
			.bar a{color:white;font-size:1.rem;margin-top:3px;color:#333333;margin-top:10px;}
			.bar h1{font-size:18px;color:#333333;}
			.tishi{width:100%;background-color:#e6e6e6;}
			.tishi-box{padding:0 4%;font-size:12px;line-height:45px;color:#333333;}
			.tishi-box a{float:right;}
			.inform{}
			.inform-box{}
			.inform-list{line-height:45px;font-size:15px;margin-bottom:1px;background-color:#FFFFFF;padding:0 4%;}
			.inform-list span{float:right;}
			.inform-list:nth-child(1) span:nth-child(2){transform:rotate(90deg);
											-ms-transform:rotate(90deg); 	/* IE 9 */
											-moz-transform:rotate(90deg); 	/* Firefox */
											-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
											-o-transform:rotate(90deg); }
			.inform-list img{width:18px;vertical-align: middle;margin-right:10px;}
			.inform-list i{color:#dcdcdc;}
			.inform-list button{background-color:#0eaae3;line-height:35px;padding:0 10px;color:#ffffff;border-radius:5px;}
			.inform-list input::-webkit-input-placeholder{color: #999999;}
		</style>
</head>
<body>
<div class="page-group">
    <!-- 你的html代码 -->
    <div class="page cl">
		<header class="bar bar-nav">
  			<a class="iconfont icon-xiangzuo1 pull-left"></a>
  			<a class="iconfont icon-wodefankui pull-right"></a>
  			<h1 class="title">金币转账</h1>
		</header>
		<div class="tishi">
			<div class="tishi-box">
				*您可将您的金币转账给小客平台内的好友。<a>转账说明</a>
			</div>
		</div>
		<div class="inform">
			<div class="inform-box">
				<div class="inform-list">好友ID：<input type="text" placeholder="请输入或扫描好友ID信息"/>
					<span><i class="iconfont icon-xiangyou1"></i></span>
					<span><img src="./img/sm.png" alt="" /></span>
				</div>
				<div class="inform-list">转账用途：<input type="text" placeholder="描述您的转账用途"/></div>
				<div class="inform-list">转账金币数：<input type="text" placeholder="当日转账上线金币为50000枚" style="width:auto;"/></div>
				<div class="inform-list">可用金币数：<input type="text" placeholder=""/></div>
				<div class="inform-list">验证码：<input type="text" placeholder="请输入验证码" style="width:60px;"/><span><button>获取验证码</button></span></div>
				<div class="inform-list">二级密码：<input type="text" placeholder="请输入二级密码"/></div>																				
			</div>
		</div>
		<button style="background-color:#0eaae3;width:80%;height:45px;border-radius:8px;margin:auto;display:block;color:#ffffff;font-size:15px;margin-top:18px;">确定</button>
    </div>
</div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="buyback.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/zepto.md5.js"></script>
<script>
</script>
